<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>

    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/list.css">
</head>

<body>
    <div id="top"></div>

    <div class="shop-wrap">
        <div class="shop_top">
            <p>首页<span> > </span></p>
        </div>
        <div class="list_cont box">
            <div class="list_nav">
                <span class="list_nav_span1">分类 :</span>
                <ul class="list_nav_1">
                    <li>全部</li>
                    <li>收纳家饰</li>
                    <li>好物精选</li>
                    <li>疫情防控</li>
                    <li>北欧原木</li>
                    <li>家庭医疗</li>
                    <li>餐厨爆款清单</li>
                    <li>厨房电器</li>
                    <li>床品件套</li>
                    <li>浴室用品</li>
                    <li>被枕盖毯</li>
                    <li>床垫床褥</li>
                    <li>抱枕靠垫</li>
                    <li>家饰</li>
                    <li>居家布艺</li>
                    <li>客厅家具</li>
                    <li>卧室家具</li>
                    <li>办公家具</li>
                    <li>小件家具</li>
                    <li>灯具</li>
                    <li>地毯窗帘</li>
                    <li>收纳</li>
                    <li>晾晒除味</li>
                    <li>毛巾浴巾</li>
                    <li>奥运特惠</li>
                    <li>品质锅具</li>
                    <li>餐厨配件</li>
                    <li>刀剪砧板</li>
                    <li>餐具</li>
                    <li>品茗茶具</li>
                    <li>水具杯壶</li>
                    <li>茶咖酒具</li>
                    <li>艺术藏品</li>
                    <li>七夕多商品券</li>
                    <li>宠物食品</li>
                    <li>宠物用品</li>
                    <li>七夕无门槛9折</li>
                </ul>
                <span class="list_nav_span1 list_nav_span2">排序 :</span>
                <ul class="list_nav_1 sort">
                    <li class="sort2 active">默认</li>
                    <li data-type="price" data-method="ASC" class="sort2">价格 升序</li>
                    <li data-type="price" data-method="DESC" class="sort2">价格 降序</li>
                </ul>
                <div class="pagination">
                    <button class="prev">上一页</button>
                    <span class="pageInfo">1 / 12</span>
                    <button class="next">下一页</button>
                    <select>
                        <option value="12">12</option>
                        <option value="16">16</option>
                        <option value="20">20</option>
                        <option value="24">24</option>
                    </select>
                </div>
            </div>
            <ul class="content container">
                <li>
                    <div class="show">
                        <img
                            src="https://yanxuan-item.nosdn.127.net/2a16452169f9d2e8841ddef76fdd684a.png?type=webp&imageView&thumbnail=430x430&quality=95">
                    </div>
                    <div class="info">
                        <p> 特惠 </p>
                        <p class="title">【新疆棉】云珍·轻软旅行长绒棉毛巾</p>
                        <p class="price">
                            <span class="current"> ￥59 </span>
                            <del class="old"> ￥200 </del>
                        </p>
                        <p>轻软亲肤，热销50万条</p>
                    </div>
                </li>
                <li>
                    <div class="show">
                        <img
                            src="https://yanxuan-item.nosdn.127.net/be1d87b0efe97b67229de3b9defd398b.png?type=webp&quality=95&thumbnail=245x245&imageView">
                    </div>
                    <div class="info">
                        <p> 特惠 </p>
                        <p class="title">【新疆棉】云珍·轻软旅行长绒棉毛巾</p>
                        <p class="price">
                            <span class="current"> ￥59 </span>
                            <del class="old"> ￥200 </del>
                        </p>
                        <p>轻软亲肤，热销50万条</p>
                    </div>
                </li>
                <li>
                    <div class="show">
                        <img
                            src="https://yanxuan-item.nosdn.127.net/be1d87b0efe97b67229de3b9defd398b.png?type=webp&quality=95&thumbnail=245x245&imageView">
                    </div>
                    <div class="info">
                        <p> 特惠 </p>
                        <p class="title">【新疆棉】云珍·轻软旅行长绒棉毛巾</p>
                        <p class="price">
                            <span class="current"> ￥59 </span>
                            <del class="old"> ￥200 </del>
                        </p>
                        <p>轻软亲肤，热销50万条</p>
                    </div>
                </li>
                <li>
                    <div class="show">
                        <img
                            src="https://yanxuan-item.nosdn.127.net/be1d87b0efe97b67229de3b9defd398b.png?type=webp&quality=95&thumbnail=245x245&imageView">
                    </div>
                    <div class="info">
                        <p> 特惠 </p>
                        <p class="title">【新疆棉】云珍·轻软旅行长绒棉毛巾</p>
                        <p class="price">
                            <span class="current"> ￥59 </span>
                            <del class="old"> ￥200 </del>
                        </p>
                        <p>轻软亲肤，热销50万条</p>
                    </div>
                </li>
                <h2 style="margin: 20px auto;">请求数据渲染中...</h2> 
            </ul>
        </div>
    </div>

    <div id="bottom"></div>

    <script src="../js/jQuery.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/list.js"></script>
</body>

</html>